<template>
  <div class="myzc2">
      <div class="myzc2-1">
        <b>我的订单</b>
        <p>全部订单
          <van-icon name="arrow" />
        </p>
      </div>
      <div class="myzc2-2">
          <van-icon name="todo-list-o" />
          <van-icon name="newspaper-o" />
          <van-icon name="paid" />
          <van-icon name="shopping-cart-o" />
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.myzc2{
  background-color: white;
}
   .myzc2-1{
      display: flex;
      justify-content: space-between;
      padding: 0 .1rem;
   }
   b{
     font-size: .18rem;
   }
   p{
     font-size: .14rem;
     color: gray;
   }
   .myzc2-2{
     height: .9rem;
     font-size: .6rem;
     display: flex;
     justify-content: space-around;
     align-items: center;
     color: red;
   }
</style>